<template>
    <a-modal :visible="visible" :footer="null" @cancel="handleCancel">
        <a-card :bordered="false">
            <img alt="example" style="width: 100%" :src="previewImage" />
        </a-card>
    </a-modal>
</template>
<script>
export default {
    data() {
        return {
            visible:false,
            previewImage:null
        }
    },
    methods:{
        show({ url }){
            this.visible = true;
            this.previewImage = url;
        },
        handleCancel(){
            this.visible = false;
        }
    }
}
</script>